/*
// > 1600px
+desktop-large() {

}

// > 992px
+desktop() {

}

// > 768px & < 991px
+tablet() {

}
*/

// < 767px
+mobile() {

  // For Pisces scheme only wider width.
  .content-wrap {
    padding: 15px !important;
  }

  .posts-expand {
    padding-top: 20px !important;
    margin: initial !important;
  }

}

// < 567px
+mobile-small() {

  // For Muse & Mist schemes only.
  .header-inner {
    margin-bottom: initial !important;
  }
  .main-inner {
    margin-top: initial !important;
  }

  // For Pisces scheme only wider width.
  .content-wrap {
    padding: initial !important;
  }

  // For all schemes wider width.
  .posts-expand {
    padding-top: 10px !important;
    margin: initial !important;

    .post-header {
      padding: 0 18px;
    }

    .post-meta {
      margin: 3px 0 10px 0 !important;
    }

  }

  .post-body {

    // For post blocks wider width.
    h2, h3, h4, h5, h6 {
      margin: 10px 18px 8px;
    }
    // Rewrite paddings & margins inside tags.
    .note, .tabs .tab-content .tab-pane {
      h2, h3, h4, h5, h6 {
        margin: 0 5px;
      }
    }

    p {
      margin: 0 0 10px 0;
      padding: 0 18px;
    }
    // Rewrite paddings & margins inside tags.
    .note > p, .tabs .tab-content .tab-pane > p {
      padding: 0 5px;
    }

    .video-container .fluid-vids {
      margin-bottom:  10px !important;
    }

    .note {
      padding:        10px !important;
      margin-bottom:  10px !important;

      if hexo-config('note.icons') {
        &:not(.no-icon) {
          padding-left: 35px !important;
          &:before {
            top:        8px !important;
            left:       12px !important;
          }
        }
      }
    }

    .tabs .tab-content .tab-pane {
      padding: 10px 10px 0 10px !important;
    }

  }

}

/*
// < 413px
+mobile-smallest() {

}
*/
